<div class="search-card-search" (click)="stopPropagation($event)">
    <input placeholder="搜索" spellcheck="false" #searchCard type="text" [(ngModel)]="searchResult.keywords" class="input-focus">
    <span></span>
    <p (click)="clearInputAction()" *ngIf="searchResult.show"></p>
    <div class="search-card-no-serach-data" *ngIf="searchResult.result.length === 0 && searchResult.show">找不到匹配的结果</div>
    <perfect-scrollbar *ngIf="searchResult.result.length > 0 && searchResult.show" class="search-card-scroll-search">
        <ul>
            <li class="display-flex search-card-search-result" (click)="searchItemAction(item)" *ngFor="let item of searchResult.result">
                <div>
                    <img avatarLoad [avatarError]="3" [src]="item.avatarUrl" alt="">
                </div>
                <p class="flex-1">{{item.memo_name && item.memo_name.toLowerCase().indexOf(searchResult.keywords.toLowerCase()) !== -1 ? item.memo_name : (item.nickName && item.nickName.toLowerCase().indexOf(searchResult.keywords.toLowerCase()) !== -1 ? item.nickName : (item.username ? item.username : item.name))}}</p>
                <label class="search-card-label">
                    <input spellcheck="false" (click)="changeCheckedAction(item)" [ngModel]="item.checked" [disabled]="item.disabled" type="checkbox">
                    <b></b>
                </label>
            </li>
        </ul>
    </perfect-scrollbar>
</div>